<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<form name="my" action="#">
			<!-- 输入框 -->
			<input name="one" type="text" value="1" />
			<input name="two" type="text" value="2" />

			<!-- 单选 -->
			<input type="radio" name="age" value="10" />
			<input type="radio" name="age" value="10" />
		</form>

		<script>
			// 获取表单
			const form1 = document.forms.my
			console.log(form1)
			// const form2 = document.forms[0]
			// console.log(form2)

			// 注：所有的控件元素，无论它们在表单中有多深，都可以通过 form.elements 获取到。

			// 获取表单元素
			const elem = form1.elements.one
			console.log(elem.value) // 1

			let ageElems = form1.elements.age // 返回所有的单选元素
			console.log(ageElems) // 所有单选元素（类数组对象）
		</script>
	</body>
</html>
